<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>kiss</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
   <div class="container">
         <div class="ball" id="l-ball">
                <div class="face">
                <div class="eye eye-l"></div>
                <div class="eye eye-r"></div>
                <div class="mouth"></div>
</div>
       </div>
       <div class="ball" id="r-ball">
                    <div class="face face-r">
                    <div class="eye eye-l eyer-r-p"></div>
                    <div class="eye eye-r eyer-r-p"></div>
                    <div class="mouth mouth-r"></div>
                    <div class="kiss-m">
                    <div class="kiss"></div>
                    <div class="kiss"></div>
                </div>
        
        </div>
   </div> 
</body>
</html>